@charset "utf-8";
/* CSS Document Xi 个人专用样式表 */
/* 布局备注： c开头的Div 为通用Div x开头的Div 为专用Div */
/* 页面层次一般为：
 |--------------------1.body ------------------------------------------|
 |        |---------------2.wrapper---------------------------|        |
 |        |---------------------------------------------------|        |
 |        |-------------------3.header------------------------|        |
 |        |-------------------3.xicbox------------------------|        |
 |        |-------------------3.xicline-----------------------|        |
 |        |-------------------3.push--------------------------|        |
 |        |---------------------------------------------------|        |
 |        |---------------2.footer----------------------------|        |
 |---------------------------------------------------------------------|
*/

/* 0.全局通用布局样式设置  开始 */
* { margin: 0px; padding: 0px;  }
body { font-size:14px; font-family:"SimSun"; color:#939393; height:100%; margin: 0px; padding: 0px;  }
table { border-collapse:collapse; border-spacing:0;}
img { border:0 none; }
button { border:none; padding:0; }
button:-moz-focus-inner { border:none; }
input[type=radio],input[type=checkbox] { vertical-align:middle; }
input.checkbox{ vertical-align:middle; }
input { VERTICAL-ALIGN: middle; outline: medium; }
input,textarea,select,button { font-weight:inherit; font-family:inherit; font-size:inherit; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ul li { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0px; padding: 0px;  }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { vertical-align:baseline; zoom:1; }
textarea { overflow:auto; }
.block { display:block; }
.fl { float:left; }
.fr { float:right; }
.tl { text-align:left; } 
.tr { text-align:right; } 
.tc { text-align:center; } 
.fb { font-weight:bold; } 
.fn { font-weight:normal; }   
.nobg { background:none; }
.noborder { border:none; }
.nounderline, .nounderline a  { text-decoration: none; }
.first { margin-left:0px;  }
.last { margin-right:0px;  }
.pointer { cursor: pointer; }
.cb{ width:100%; height: 1px; clear:both; font-size:0px; line-height:0px; display:block; border:0px; }
/* 0.全局通用布局样式设置  结束 */

/* 1.布局通用样式设置  开始 */
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}
.f17 { font-size:17px;}
.f18 { font-size:18px;}
.f19 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f26 { font-size:26px;}
.f28 { font-size:28px;}
.f30 { font-size:30px;}
.f32 { font-size:32px;}
.f34 { font-size:34px;}
.f36 { font-size:36px;}
.f38 { font-size:38px;}
.f40 { font-size:40px;}
.f42 { font-size:42px;}
.f44 { font-size:44px;}
.f46 { font-size:46px;}
.f48 { font-size:48px;}
.f50 { font-size:50px;}
.f52 { font-size:52px;}
.f55 { font-size:55px;}
.f60 { font-size:60px;}
.f65 { font-size:65px;}
.f70 { font-size:70px;}
.f75 { font-size:75px;}
.f80 { font-size:80px;}

.lh_15{ line-height:15px;}
.lh_20{ line-height:20px;}
.lh_25{ line-height:25px;}
.lh_30{ line-height:30px;}
.lh_15per{ line-height:150%;}
.lh_20per{ line-height:200%;}
.lh_25per{ line-height:250%;}
.lh_30per{ line-height:300%;}

.mt_5{ margin-top:5px;}
.mt_8{ margin-top:8px;}
.mt_10{ margin-top:10px;}
.mt_15{ margin-top:15px;}
.mt_20{ margin-top:20px;}
.mt_25{ margin-top:25px;}
.mt_30{ margin-top:30px;}
.mt_35{ margin-top:35px;}
.mt_40{ margin-top:40px;}
.mt_45{ margin-top:45px;}
.mt_50{ margin-top:50px;}
.mt_f30{ margin-top:-30px;}

.mb_5 { margin-bottom:5px; }
.mb_8 { margin-bottom:8px; }
.mb_10 { margin-bottom:10px; }
.mb_15 { margin-bottom:15px; }
.mb_20 { margin-bottom:20px; }
.mb_30 { margin-bottom:30px; }
.mb_f30 { margin-bottom:-30px; }

.ml_5{ margin-left:5px;}
.ml_10{ margin-left:10px;}
.ml_15{ margin-left:15px;}
.ml_20{ margin-left:20px;}
.ml_25{ margin-left:25px;}
.ml_30{ margin-left:30px;}
.ml_35{ margin-left:35px;}
.ml_40{ margin-left:40px;}
.ml_45{ margin-left:45px;}
.ml_50{ margin-left:50px;}
.ml_60{ margin-left:60px;}

.mr_5{ margin-right:5px;}
.mr_10{ margin-right:10px;}
.mr_15{ margin-right:15px;}
.mr_20{ margin-right:20px;}
.mr_25{ margin-right:25px;}
.mr_30{ margin-right:30px;}

.pt_10 { padding-top:10px;}

.pb_10 { padding-bottom:10px;}

.pl_5 { padding-left: 5px; }
.pl_10 { padding-left: 10px; }

.pr_5 { padding-right: 5px; }
.pr_10 { padding-right: 10px; }

.padding_5 { padding: 5px; }
.padding_10 { padding: 10px; }

.blank_5 { height: 5px; clear: both; }
.blank_10 { height: 10px; clear: both; }
.blank_20 { height: 20px; clear: both; }
.blank_50 { height: 30px; clear: both; }
/* 1.布局通用样式设置  结束 */

/* 2.横纵布局样式设置  开始 */
.width_5per { width:5% ;  }
.width_10per { width:10% ;  }
.width_16per { width:16% ;  }
.width_1666per { width:16.66% ;  }
.width_20per { width:20% ;  }
.width_25per { width:25% ;  }
.width_29per { width:29% ;  }
.width_30per { width:30% ;  }
.width_40per { width:40% ;  }
.width_50per { width:50% ;  }
.width_55per { width:55% ;  }
.width_60per { width:60% ;  }
.width_70per { width:70% ;  }
.width_75per { width:75% ;  }
.width_76per { width:76% ;  }
.width_79per { width:79% ;  }
.width_80per { width:80% ;  }
.width_82per { width:82% ;  }
.width_90per { width:90% ;  }
.width_99per { width:99% ;  }
.width_100per { width:100% ;  }

.width_20 { width:20px;}
.width_50 { width:50px;}
.width_70 { width:70px;}
.width_90 { width:90px;}
.width_100 { width:100px;}
.width_120 { width:120px;}
.width_150 { width:150px;}
.width_170 { width:170px;}
.width_200 { width:200px;}
.width_220 { width:220px;}
.width_250 { width:250px;}
.width_270 { width:270px;}
.width_300 { width:300px;}
.width_320 { width:320px;}
.width_350 { width:350px;}
.width_380 { width:380px;}
.width_400 { width:400px;}
.width_430 { width:430px;}
.width_460 { width:460px;}
.width_500 { width:500px;}
/* 2.横纵布局样式设置  结束 */

/* 3.解决浏览器冲突、页面过短footer部分上扬bug的样式设置  开始  注： .footer 最好设置为 height:auto;   */
.wrapper { 
      min-height: 95%;  /* 如需顶底，可设置成100% */
      height: auto !important;
      height: 100%;
      margin: 0 auto -4em;
      }
.push { height: 4em; }
/* 3.解决浏览器冲突、页面过短footer部分上扬bug的样式设置  结束 */

/* 4.通用颜色样式设置  开始  */
.color_000, .color_000 a { color: #000; }
.color_fff, .color_fff a { color: #fff; }
.color_ccc, .color_ccc a { color: #ccc; }
.color_999, .color_999 a { color: #999; }
.color_666, .color_666 a { color: #666; }
.color_333, .color_333 a { color: #333; }
.color_dd00c0, .color_dd00c0 a { color: #dd00c0; }
.color_020aaa, .color_020aaa a { color: #020aaa; }
.color_e35200, .color_e35200 a { color: #e35200; }
/* 4.通用颜色样式设置  结束  */

/* 5.头尾部分样式设置  开始  */
.header { display:block; float:left; width:100%; height:auto; padding-top:10px ; padding-bottom: 10px; background:#fafafa; border-bottom: 1px solid #CCCCCC; }
.header a { text-decoration: none; color: #000000; }

.toprlink { display:block; float:right; width:160px;  }
.toprlink a { display:block; float: left; color:#000000; padding:0px 10px ; }

.xi_banner { display:block; margin-left:auto; margin-right:auto; width:990px; height:auto;  }
.xi_banner_pic { display:block; margin-left:auto; margin-right:auto; width:100%; height:auto;  }

.footer { display:block; float:left; width:100%; height:auto; background: #fcfcfc; border-top: 1px solid #CCCCCC; }

.footerline { display:block; margin-left:auto; margin-right:auto; width:1002px; height:auto;  }
.footerline p { text-align:center; }

/* 5.头尾部分样式设置  结束 */

/* 6.首页展示模块样式设置 开始 */
.xipicshow { float:left; display:block; width:100%; height:auto;  }
    /* 本例中，收纳 zq_homeView */
/* 6.首页展示模块样式设置 结束 */

/* 7.首页及通用页面构架样式设置 开始   */
.xicbox { display:block; float:left; width:100%; height:auto; overflow: hidden; clear: both; }
.xicline { display: block; margin-left: auto; margin-right: auto; width: 1002px; height: auto; overflow: hidden; clear: both; }

.xicleftbox { display: block; float: left;  width: 310px; height: auto;  }
.xicrightbox { display: block; float: right; width: 678px; height: auto; padding-right:2px;  }
/* 7.首页及通用页面构架样式设置 结束   */

/* 8.栏目页与内容页主展示模块 开始 */

/* 8.栏目页与内容页主展示模块 结束 */


